require('../css/login.css');
// 导入iconfont样式
require('../fonts/iconfont.css');
// 点击注册账号跳转注册页面
let reg=document.querySelector('.reg');
reg.addEventListener('click',function(){
    location.href='register.html';
});
// 获取所有的错号、input
let telc=document.querySelectorAll('p .icon-cuohao');
let input=document.querySelectorAll('input');
let tel=document.querySelector('.tel');
let pwd=document.querySelector('.pwd');
let loginbtn=document.querySelector('.loginbtn');
loginbtn.addEventListener('click',function(){
    if(!(tel.value && pwd.value)){
        common.toast(0,'内容不能为空');
        return;
    }
    if(!(/^[1][3-9][0-9]{9}$/.test(tel.value) && /^[\w]{6,12}$/.test(pwd.value))){
        common.toast(0,'请输入正确手机号或密码');
        return;
    }
    let obj={account:tel.value,password:pwd.value}
    http.post('/users/login',obj,function(res){
        if(res.status===0){
            common.toast(1,'登录成功');
            localStorage.setItem('userId',res.data.user.userId);
            location.href='index.html';
        }
        else{
            common.toast(0,res.msg);
        }
    });
});
// 封装函数，用于输入框失去焦点时判断内容是否合格
function inputblur(type,reg,index){
    if(reg.test(type.value)){
        telc[index].className='iconfont icon-duihao';
    }
    else{
        telc[index].className='iconfont icon-cuohao';
    }
    telc[index].style.display='inline-block';
}
// 遍历所有的输入框，当输入框失去焦点时，调用函数判断内容是否合格
input.forEach(function(item,index){
    item.addEventListener('blur',function(){
        if(item.className==='tel'){
            inputblur(tel,/^[1][3-9][0-9]{9}$/,index);
        }
        else if(item.className==='pwd'){
            inputblur(pwd,/^[\w]{6,12}$/,index);
        }
    })
})

